<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>查询统计管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
		$(document).ready(function() {
			
		});
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        }
		
		
		function change(){
			
			var url = "${ctx}/vaccinate/bsProduct/findbatchByVacc";
			$.ajax({
				url:url,
				data:{"vaccId":$("#vaccineid").val()},
				success:function(data){
					
					var html = "";
					var htmll =""
					$.each(data,function(i,t){
						html += "<option>" + t.batchno + "</option>"
						
					});
					
					
					 var companyNameT = "_";
					$.each(data,function(i,t){
						if(companyNameT.indexOf(t.companyName) < 0){
							htmll += "<option>" + t.companyName + "</option>"
							companyNameT += t.companyName + "_";
						}
						
					}); 
					$("#batchno").html("<option value=''>--请选择--</option>");
					$("#companyName").html("<option value=''>--请选择--</option>");
					$("#companyName").html(htmll);
					$("#batchno").html(html);
					
				}
				
			});
		}
		
		function down(){
			top.$.jBox.confirm("确认要导出出入库数据吗？","系统提示",function(v,h,f){
				if(v=="ok"){
					$("#searchForm").attr("action","${ctx}/vaccinate/bsProduct/export");
					$("#searchForm").submit();
				}
			},{buttonsFocus:1});
			top.$('.jbox-body .jbox-icon').css('top','55px');
		}
		
		
		
	</script>

	<style type="text/css">
		.minWidth {
			min-width: 177px;
		}	
	</style>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/vaccinate/bsProduct/">汇总分类疫苗库存查询</a></li>
	
	</ul>
	<form:form id="searchForm" modelAttribute="bsProduct" action="${ctx}/vaccinate/bsProduct/queryRecordList" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<div class="breadcrumb">
			<table class="table table-bordered">

				<tr>
					<th>地区</th>
					<td>
						<input type="text" class="input-medium"/>
						<input type="button" class="btn btn-primary btn-small" onclick="select()" value="选择"/>	
					</td>
					
					<th>截止日期</th>
					<td colspan="3">
						<input name="endtime" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate"
							value="<fmt:formatDate value="${bsProduct.endVaccExpDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"
							onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:true});"/>
					</td>
				</tr>
				
				<tr>
					<th>查询范围</th>
					<td>
						<label><input type="checkbox" name="check" checked="true"/>市</label>
						<label><input type="checkbox" name="check"/>县</label>
						<label><input type="checkbox" name="check"/>乡</label>
						<a href="javascript:;">全选</a>
					</td>
					
					<th>疫苗属性</th>
					<td>
						<label><input type="checkbox" name="check"/>第一类</label>
						<label><input type="checkbox" name="check"/>第二类</label>
					</td>
					
					<th>增加显示零库存</th>
					<td>
						<label><input type="checkbox" name="zero" /></label>
					</td>
					
				</tr>
				<tr>
					<th>疫苗名称</th>
					<td>
						<select class="span2 minWidth">
						<option>--请选择--</option>
						</select>
					</td>
					<th>生产企业</th>
					<td>
						<select class="span2 minWidth">
						<option>--请选择--</option>
						</select>
					</td>
					<th>批号</th>
					<td>
						<input type="text" class="span2 minWidth"/>
					</td>
				</tr>
				
			</table>
			<a class="btn btn-primary">查询</a>&nbsp;&nbsp;
			<a class="btn btn-primary">导出</a>
			<span class="help-inline" style="color:red">请至少选择一个查询范围!</span>
			
		</div>
	
		<!-- <ul class="ul-form breadcrumb">
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
			<li class="clearfix"></li>
		</ul> -->
	</form:form>
	
	<sys:message content="${message}"/>
	<table id="contentTable" class="table table-striped table-bordered table-condensed">
		<thead>
			<tr >
				
				<th rowspan="2">操作</th>
				<th rowspan="2">地区名称</th>
				<th rowspan="2">地区编码</th>
				<th rowspan="1">库存数</th>
			</tr>
			<tr >
				<th>支或粒</th>
				<th>剂次数</th>
			</tr>
		</thead>
		<tbody>
		<c:forEach items="${page.list}" var="records" begin="1" step="1" varStatus="status">
			<tr>
				
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
				
			</tr>
		</c:forEach>
		</tbody>
	</table>
	<div class="pagination">${page}</div>
</body>
</html>